@import url(../../assets/css/normalize.css);
@import url(../../assets/css/common.css);
html,
body {
  width: 100%;
  height: 100%;
}
html .back-img,
body .back-img {
  float: left;
  width: 65%;
  height: 100%;
  background-color: #1ca8ef;
  line-height: 100%;
  position: relative;
}
html .back-img img,
body .back-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
html .loginbox,
body .loginbox {
  height: 100%;
  width: 35%;
  float: right;
  position: relative;
}
html .loginbox .loginform,
body .loginbox .loginform {
  width: 360px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
html .loginbox .loginform .login-menu p,
body .loginbox .loginform .login-menu p {
  margin: 20px 60px;
}
html .loginbox .loginform .login-menu span,
body .loginbox .loginform .login-menu span {
  margin: 20px 0px;
}
html .loginbox .loginform .active,
body .loginbox .loginform .active {
  color: #1ca8ef;
}
html .loginbox .loginform .input-box,
body .loginbox .loginform .input-box {
  height: 0px;
  overflow: hidden;
}
html .loginbox .loginform .input-box p,
body .loginbox .loginform .input-box p {
  margin: 10px;
  height: 40px;
  line-height: 40px;
  position: relative;
  box-sizing: border-box;
  width: 340px;
}
html .loginbox .loginform .input-box p span,
body .loginbox .loginform .input-box p span {
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 30px;
  top: 4px;
  background: url(../../assets/imgs/loginIcon.png) center no-repeat;
}
html .loginbox .loginform .input-box p .s,
body .loginbox .loginform .input-box p .s {
  background-position: -55px 0px;
}
html .loginbox .loginform .input-box p .x,
body .loginbox .loginform .input-box p .x {
  background-position: -26px 0px;
}
html .loginbox .loginform .input-box p input,
body .loginbox .loginform .input-box p input {
  width: 80%;
  height: 30px;
  padding: 2px  30px;
  border: none;
  border-bottom: 1px solid #ccc;
}
html .loginbox .loginform .forget,
body .loginbox .loginform .forget {
  padding-left: 274px;
  color: #1ca8ef;
  right: 0px;
}
html .loginbox .loginform .loginbtn,
body .loginbox .loginform .loginbtn {
  width: 340px;
  height: 40px;
  background-color: #1ca8ef;
  color: white;
}
html .loginbox .loginform .pcolor,
body .loginbox .loginform .pcolor {
  color: #909090;
  padding-left: 170px;
}
html .loginbox .loginform .pcolor .reg,
body .loginbox .loginform .pcolor .reg {
  margin-left: 4px;
  color: #1ca8ef;
}
html .loginbox .loginform .sm,
body .loginbox .loginform .sm {
  height: 0px;
  overflow: hidden;
}
html .loginbox .loginform .show,
body .loginbox .loginform .show {
  height: 260px;
}
html .loginbox .loginform .box,
body .loginbox .loginform .box {
  width: 100%;
  height: 260px;
  background-color: #eee;
}
html .loginbox .loginform .box p,
body .loginbox .loginform .box p {
  margin-top: 10px;
}
html .loginbox .loginform .box img,
body .loginbox .loginform .box img {
  width: 120px;
  padding-top: 40px;
}
html .loginbox .loginform .right,
body .loginbox .loginform .right {
  margin-top: 10px;
  color: #909090;
}
html .loginbox .loginform .right a,
body .loginbox .loginform .right a {
  color: #1ca8ef;
}
